<html lang="en" xmlns:th="http://www.thymeleaf.org">

<div class="py-2 bg-primary">
    <div class="container">
        <div class="row no-gutters d-flex align-items-start align-items-center px-3 px-md-0">
            <div class="col-lg-12 d-block">
                <div class="row d-flex">
                    <div class="col-md-5 pr-4 d-flex topper align-items-center">
                        <div class="icon bg-fifth mr-2 d-flex justify-content-center align-items-center"><span
                                class="icon-map"></span></div>
                        <span class="text">The North MineCraft Server WebSite</span>
                    </div>
                    <div class="col-md pr-4 d-flex topper align-items-center">
                        <div class="icon bg-secondary mr-2 d-flex justify-content-center align-items-center"><span
                                class="icon-paper-plane"></span></div>
                        <span class="text">1254806967@qq.com</span>
                    </div>
                    <div class="col-md pr-4 d-flex topper align-items-center">
                        <div class="icon bg-tertiary mr-2 d-flex justify-content-center align-items-center"><span
                                class="icon-phone2"></span></div>
                        <span class="text">+86 177 5145 7143</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark ftco_navbar ftco-navbar-light" id="ftco-navbar">
    <div class="container d-flex align-items-center">
        <a class="navbar-brand" href="../index.html">TN-craft</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav"
                aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="oi oi-menu"></span> Menu
        </button>
        <div class="collapse navbar-collapse" id="ftco-nav">
            <ul class="navbar-nav ml-auto">
                <!--class样式加入 active 选中状态-->
                <li class="nav-item"><a href="/tnweb/index" class="nav-link pl-0">主页</a></li>
                <li class="nav-item"><a href="#" onclick="toPlayerInfo()" class="nav-link">我的信息</a></li>
                <li class="nav-item"><a href="/tnweb/user/allUser" class="nav-link">所有用户</a></li>
                <li class="nav-item"><a href="#" class="nav-link">联系我们</a></li>
                <li class="nav-item"><a href="#" class="nav-link">客户端</a></li>
                <li class="nav-item" th:if="${session.webUser==null}">
                    <span class="nav-link">
                        <button type="button" class="btn btn-primary" style="padding: 0; width: 80px;margin-right: 10px" onclick="location.href='/tnweb/login'">登录</button>
                        <button type="button" class="btn btn-primary" style="padding: 0; width: 80px" onclick="location.href='/tnweb/register'">注册</button>
                    </span>
                </li>
                <li id="infoMenu" class="nav-item" th:if="${session.webUser!=null}">
                    <span class="nav-link">
                        <img class="hover-down" th:src="${session.webUser.headImg}" style="width: 30px; height: 30px; border-radius: 15px;"/>&nbsp;&nbsp;&nbsp;
                        <span id="userId" style="font-size: 15px" th:text="${session.webUser.userId}">123</span>
                        <i class="user-vip" th:if="${session.vipPlayers!=null}" th:text="${session.vipPlayers.vip}">123</i>
                        <i class="user-vip2" th:if="${session.vipPlayers==null}">VIP0</i>&nbsp;&nbsp;&nbsp;
                        <a href="/tnweb/user/loginOut">登出</a>
                    </span>
                </li>
            </ul>
        </div>
    </div>
</nav>
<script th:src="@{/js/header.js}">
</script>